import React, { Component } from "react"
import { BrowserRouter as Router, Route, Link } from 'react-router-dom'
// import { Button } from 'antd'
import "antd/dist/antd.css";
import './App.css'
import TodoList from './compont/todoList'
import Home from "./compont/home"
import Count from "./compont/Count"
class App extends Component {
    render() {
        return (
            <div className="app">
                {/* <Button type="primary">首页</Button> */}
                {/* <Button type="primary">TodoList</Button> */}
                <Router>
                    <Link to="/home" className="ant-btn ant-btn-primary link">首页</Link>
                    <Link to="todo" className="ant-btn ant-btn-primary link">TodoList</Link>
                    <Link to="count" className="ant-btn ant-btn-primary link">Count 计数器</Link>
                    <div className="routebox">
                        <Route exact path="/home" component={Home} />
                        <Route exact path="/todo" component={TodoList} />
                        <Route exact path="/count" component={Count} />

                    </div>
                </Router>
            </div>
        )
    }
}


export default App;
